<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>InTertwined Learning</title>
		<script language="javascript" src="scripts/DragAndDrop.js"></script>
		<link href="styles/styledrag.css" rel="stylesheet" type="text/css"/><link/>
	</head>
	
	<body onload="window.parent.initCourse7()">
	<a id="top">
	<header>
		<h1>Arrange a Knowledge Base</h1>	
	
		<nav>	
			<a href="lesson2-2-add-createknowledgebase.html" class="button">Back</a>	
			<a href="lesson3-3-close.html" class="button">Next</a>	
		</nav>
	</header>

<br>
	
	<section id="content">
	
		<form name="dd1" onSubmit="javascript:processForm(); return false;">  
		
		<div class="break-word">
				<blockquote>
				<p>Rearrange the steps for creating an item in the Knowledge Base 
				so that they are in the correct order. <br> Click and drag the items on the right
				 over to the left column in the correct order.	</p> 
				</blockquote>
			
			<article>
				
			<div class="column">
					<h3>Steps</h3>
					
				 	<div id="d1" value="3" class="dragger" draggable="true"
			     		onDragStart="return startDrag( event )"
			     		onDragEnd="return endDrag( event )">Write a description of the solution and its steps.</div><br/>  
				     <div id="d2" value="2" class="dragger" draggable="true"
				   		onDragStart="return startDrag( event )"
				   		onDragEnd="return endDrag( event )">Give the Item a Title.</div><br/>                        
					<div id="d3" value="0" class="dragger" draggable="true"
			     		onDragStart="return startDrag( event )"
			     		onDragEnd="return endDrag( event )">Check if item is already in Knowledge Base.</div><br/>  
				 	<div id="d4" value="1" class="dragger" draggable="true"
			     		onDragStart="return startDrag( event )"
			     		onDragEnd="return endDrag( event )">Click the "Create An Item" button.</div><br/>  
				 	<div id="d5" value="4" class="dragger" draggable="true"
			     		onDragStart="return startDrag( event )"
			     		onDragEnd="return endDrag( event )">Click the "Submit" button.</div><br/>  
			</div>
				    
			<div class="column">
					<h3>Correct Order</h3>
					<div>
			     	<div id="d1" value="0" class="draggerbay" 
			     		onDrop="return dropDragger( event )"
			     		onDragOver="return false"
			     		onDragEnter="return enterDragger( event )"><p>Step 1</p></div><br/>                        
			 		<div id="d2" value="1" class="draggerbay"
			     		onDrop="return dropDragger( event )"
			     		onDragOver="return false"
			     		onDragEnter="return enterDragger( event )"><p>Step 2</p></div><br/>  
				 	<div id="d3" value="2" class="draggerbay"
			     		onDrop="return dropDragger( event )"
			     		onDragOver="return false"
			     		onDragEnter="return enterDragger( event )"><p>Step 3</p></div><br/> 
				 	<div id="d4" value="3" class="draggerbay"
			     		onDrop="return dropDragger( event )"
			     		onDragOver="return false"
			     		onDragEnter="return enterDragger( event )"><p>Step 4</p></div><br/>  
				 	<div id="d5" value="4" class="draggerbay"
			     		onDrop="return dropDragger( event )"
			     		onDragOver="return false"
			     		onDragEnter="return enterDragger( event )"><p>Step 5</p></div><br/>  
			</div>
			</article>
		<nav>
				<p id="response">&nbsp;</p>
				<input type="submit" class="button" value="Submit Your Answers"/> <input type="reset" value="Try Again" class="button" /><br/>
				
		</nav>	
			</form>
<br>
<br>		

	</section>
	<nav>
	<a href="#top">Return to Top</a>
	</nav>
<br>
<br>		
	
	</body>
	
</html>